<template>
  <div class="Form_table">
   <div>
     <span>表单数量总计</span>
     <el-progress :text-inside="true" :stroke-width="26" :percentage="40" class="num_sum"></el-progress>
   </div>
   <div>
     <span>表单数量统计</span>
      <el-progress type="circle" :percentage="100" status="success"></el-progress>
     <el-progress type="circle" :percentage="70" status="warning"></el-progress>
     <el-progress type="circle" :percentage="50" status="exception"></el-progress>
  
   </div>
   </div>
</template>

<script>
export default {
  
}
</script>

<style scoped>
.Form_table {
  background-color: #fff;
  height: 100%;

}
.el-progress--text-inside .el-progress-bar {
  margin-top: 5%;
  width: 30%;
}
.el-progress--circle, .el-progress--dashboard  {
  margin-top: 100px;
  margin-right: 70px;
}
.element.style {
  width: 200px;
  height: 200px;
}

</style>